
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8" />
<title>蜡笔同步 - 联系人</title>

<link rel="stylesheet" type="text/css" href="/css/reset.css" />
<link rel="stylesheet" type="text/css" href="/css/common.css" />
<link rel="stylesheet" type="text/css" href="/css/inner-contact.css"/>
<link type="text/css" href="/css/smoothness/jquery-ui-1.7.custom.css" rel="stylesheet" />
<script src="/js/util/jquery.min.js?v=1.3.1.10" type="text/javascript"></script>
<script type="text/javascript" src="/js/jquery-ui-1.7.custom.min.js"></script>
<script src="/js/mycontact.js" type="text/javascript"></script>



<link rel="stylesheet" type="text/css" href="/css/contact.css" />

<script type="text/javascript">


</script>

</head>

<body>
<div id="content">
<div id="main-container" class="main">
<div class="common-container">
	<div class="contact-page">
		<div class="contact-back"><a class="a-link"
			id="contact-back-button" href="/contact">&lt;&lt; 返回</a></div>
		<div id="contact-op-container" class="contact-op-container">
			<div class="contact-op-container-head"><span>编辑联系人</span></div>
			<div style="border-bottom: 1px solid #BBD1E9"
				class="contact-op-container-main">
				<div class="contact-ava-big"><img width="48" height="48"
					id="contact-ava" class="common-ava" src="/image/default_ava.gif"
					title="头像上传" style="border-color: rgb(187, 209, 233);"></div>
				<div class="contact-edit">
					<form id="form1" name="contact-form" action="/save">
					<input type="hidden" name="id" value="${contact.id}">
						<div class="top">
						<div id="contact_name_div"><label for="contact-name"
							id="contact_name_label" class="contact-all-label" style="display: none">姓名</label><input
							type="text" id="contact.name" style="color: #333;" value="${contact.fullName!}"
							maxlength="32" name="fullName"></div>
						<div id="contact_ln_div"><label for="contact-ln"
							id="contact_ln_label" class="contact-all-label" style="display: block;"></label><input
							type="text" id="contact-ln" style="color: #333;" value="${contact.familyName!}"
							maxlength="16" name="familyName"></div>
						<div id="contact_fn_div"><label for="contact-fn"
							id="contact_fn_label" class="contact-all-label" style="display: block;"></label><input
							type="text" id="contact-fn" class="fn" style="color: #333;" value="${contact.shortName!}"
							maxlength="16" name="shortName"></div>
						<b status="hidden" id="contact-name-toggle" title="展开" class="icon16 toggle-name"></b>
						<input type="hidden" id="contact-name-src" value="0" name="src"></div>
						<table cellspacing="0" cellpadding="0" width="100%">
							<tbody>
								<tr>
									<td valign="top" style="width: 270px;">
									<div id="contact-ph">
									<table cellspacing="0" cellpadding="0"
										class="contact-elem-repeat-name">
										<tbody>
											<tr>
												<td>电话</td>
												<td>
												<div onclick="contact.addElemValue('ph')" title="添加"
													class="icon-contact-elem-add" id="tel-add"></div>
												</td>
											</tr>
										</tbody>
									</table>
									<#if contact.telphones??>
									<#list contact.telphones as tel>
									<table cellspacing="0" cellpadding="0" name="contact-elem-repeat-ph"
										class="contact-elem-repeat-value">
										<tbody>
											<tr>
												<td valign="top"><input type="text" value="${tel.value}"
													maxlength="50" name="phone"></td>
												<td valign="top" class="contact-select-td"><select
													name="phoneTag">
													<option selected="selected" value="CELL">手机</option>
													<option value="HOME">手机(家庭)</option>
													<option value="WORK">手机(工作)</option>
													<option value="FX">传真</option>
												</select></td>
												<td valign="top">
												<div onclick="removeEle(this)"
													 title="删除" name="icon-remove"
													class="icon-contact-elem-remove"></div>
												</td>
											</tr>
										</tbody>
									</table>
									</#list>
									<#else>
									<table cellspacing="0" cellpadding="0" name="contact-elem-repeat-ph"
										class="contact-elem-repeat-value">
										<tbody>
											<tr>
												<td valign="top"><input type="text" value=""
													maxlength="50" name="phone"></td>
												<td valign="top" class="contact-select-td"><select
													name="phoneTag">
													<option selected="selected" value="CELL">手机</option>
													<option value="HOME">手机(家庭)</option>
													<option value="WORK">手机(工作)</option>
													<option value="FX">传真</option>
												</select></td>
												<td valign="top">
												<div onclick="removeEle(this)"
													 title="删除" name="icon-remove"
													class="icon-contact-elem-remove"></div>
												</td>
											</tr>
										</tbody>
									</table>
									</#if>
									</div>
									<div id="contact-em">
									<table cellspacing="0" cellpadding="0"
										class="contact-elem-repeat-name">
										<tbody>
											<tr>
												<td>电子邮件</td>
												<td>
												<div id="add-email"  title="添加"
													class="icon-contact-elem-add"></div>
												</td>
											</tr>
										</tbody>
									</table>
									<#if contact.emails??>
									<#list contact.emails as email>
									<table cellspacing="0" cellpadding="0" name="contact-elem-repeat-em"
										class="contact-elem-repeat-value">
										<tbody>
											<tr>
												<td valign="top"><input type="text" value="${email.value}" maxlength="150"
													name="email"></td>
												<td valign="top" class="contact-select-td"><select
													name="emailTag">
													<option value="WORK">工作</option>
													<option value="HOME">家庭</option>
												</select></td>
												<td valign="top">
												<div onclick="removeEle(this)"
													 title="删除" name="icon-remove"
													class="icon-contact-elem-remove"></div>
												</td>
											</tr>
										</tbody>
									</table>
									</#list>
									<#else>
									<table cellspacing="0" cellpadding="0" name="contact-elem-repeat-em"
										class="contact-elem-repeat-value">
										<tbody>
											<tr>
												<td valign="top"><input type="text" value="" maxlength="150"
													name="email"></td>
												<td valign="top" class="contact-select-td"><select
													name="emailTag">
													<option value="WORK">工作</option>
													<option value="HOME">家庭</option>
												</select></td>
												<td valign="top">
												<div onclick="removeEle(this)"
													 title="删除" name="icon-remove"
													class="icon-contact-elem-remove"></div>
												</td>
											</tr>
										</tbody>
									</table>
									</#if>
									</div>
									</td>
									<td valign="top">
									<div id="contact-wp">
									<table cellspacing="0" cellpadding="0"
										class="contact-elem-repeat-name">
										<tbody>
											<tr>
												<td>网址</td>
												<td>
												<div id="add-url"  title="添加"
													class="icon-contact-elem-add"></div>
												</td>
											</tr>
										</tbody>
									</table>
									<#if contact.urls??>
									<#list contact.urls as url>
									<table cellspacing="0" cellpadding="0" name="contact-elem-repeat-wp"
										class="contact-elem-repeat-value">
										<tbody>
											<tr>
												<td valign="top"><input type="text" value="${url.value}" maxlength="150"
													name="url"></td>
												<td valign="top" class="contact-select-td"><select
													name="urlTag">
													<option value="HOME">家庭</option>
													<option value="WORK">工作</option>
												</select></td>
												<td valign="top">
												<div onclick="removeEle(this)"
													 title="删除" name="icon-remove"
													class="icon-contact-elem-remove"></div>
												</td>
											</tr>
										</tbody>
									</table>
									</#list>
									<#else>
									<table cellspacing="0" cellpadding="0" name="contact-elem-repeat-wp"
										class="contact-elem-repeat-value">
										<tbody>
											<tr>
												<td valign="top"><input type="text" value="" maxlength="150"
													name="url"></td>
												<td valign="top" class="contact-select-td"><select
													name="urlTag">
													<option value="HOME">家庭</option>
													<option value="WORK">工作</option>
												</select></td>
												<td valign="top">
												<div onclick="removeEle(this)"
													 title="删除" name="icon-remove"
													class="icon-contact-elem-remove"></div>
												</td>
											</tr>
										</tbody>
									</table>
									</#if>
									</div>
									</td>
								</tr>
							</tbody>
						</table>
						<div class="contact-elem-repeat-name">生日</div>
						<div class="contact-elem-repeat-value">
							<input id="brithday" name="brithday" value="<#if contact.brithday??>${contact.brithday?string("dd/MM/yyyy")}</#if>" readonly="true" />
						</div>
						<div style="display:none" id="contact-addr">
						<table cellspacing="0" cellpadding="0" class="contact-elem-repeat-name">
							<tbody>
								<tr>
									<td>地址</td>
									<td>
									</td>
								</tr>
							</tbody>
						</table>
						<table cellspacing="0" cellpadding="0" name="contact-elem-repeat-addr"
							class="contact-elem-repeat-value">
							<tbody>
								<tr>
									<td valign="top">
									<input
										type="text" class="addr" value="address" name=""></td>
									<td valign="top" class="contact-select-td"></td>
									<td valign="top">
									</td>
								</tr>
							</tbody>
						</table>
						</div>
					</form>
				</div>
			</div>
			<div style="border-top: 1px solid #FFF;" id="contact-op-foot"
				class="contact-op-container-foot"><a class="btn btn-1 "
				id="contact-button-save" href="javascript:document.getElementById('form1').submit();"><span>保存</span></a><a
				class="btn btn-2 " id="contact-button-cancel" href="/contact"><span>取消</span></a></div>
			</div>
		</div>
	</div>
</div>
<div class="sub">
<div class="nav-container" id="nav_container">
	<div class="nav">
		<div class="nav-border-top icon-nav-border-radius"></div>
		<div class="nav-border-radius-topleft icon-nav-border-radius"></div>
		<div class="nav-border-radius-topright icon-nav-border-radius"></div>
		<div class="nav-border-radius-bottomleft icon-nav-border-radius"></div>
		<div class="nav-border-radius-bottomright icon-nav-border-radius"></div>
		<div class="nav-item nav-item-last"><b
			class="icon-nav-contact icon16 nav-contact--5"></b><a
			href="javascript:;" id="nav_-5"><span>常用联系人(0)</span></a></div>
	</div>
<div class="nav">
	<div class="nav-border-top icon-nav-border-radius"></div>
	<div class="nav-border-radius-topleft icon-nav-border-radius"></div>
	<div class="nav-border-radius-topright icon-nav-border-radius"></div>
	<div class="nav-border-radius-bottomleft icon-nav-border-radius"></div>
	<div class="nav-border-radius-bottomright icon-nav-border-radius"></div>
	<div class="nav-item"><b
		class="icon-nav-contact icon16 nav-contact-"></b><a href="javascript:;"
		id="nav_" class="active"><span>全部联系人(4)</span></a></div>
	<div class="nav-customize-group nav-item"><b
		class="icon-nav-contact icon16 nav-contact-friend"></b><a
		href="javascript:;" id="nav_1620000002579"><span>好友(0)</span></a><input
		type="text" maxlength="16" id="nav_input_1620000002579">
		<div class="contact-group-op-container" style="display: none;">
			<div class="contact-group-op-background round"></div>
		<span class="icon_cnt-group-set contact-group-btn-set" title="重命名组"></span><span
			class="icon-black icon-black-trash contact-group-btn-remove"
			title="删除该组"></span></div>
	</div>
	<div class="nav-customize-group nav-item"><b
		class="icon-nav-contact icon16 nav-contact-family"></b><a
		href="javascript:;" id="nav_1620000002580"><span>家人(0)</span></a><input
		type="text" maxlength="16" id="nav_input_1620000002580">
		<div class="contact-group-op-container">
			<div class="contact-group-op-background round"></div>
		<span class="icon_cnt-group-set contact-group-btn-set" title="重命名组"></span><span
			class="icon-black icon-black-trash contact-group-btn-remove"
			title="删除该组"></span></div>
	</div>
	<div class="nav-customize-group nav-item"><b
		class="icon-nav-contact icon16 nav-contact-colleague"></b><a
		href="javascript:;" id="nav_1620000002581"><span>同事(0)</span></a><input
		type="text" maxlength="16" id="nav_input_1620000002581">
		<div class="contact-group-op-container" style="display: none;">
			<div class="contact-group-op-background round"></div>
			<span class="icon_cnt-group-set contact-group-btn-set" title="重命名组"></span><span
			class="icon-black icon-black-trash contact-group-btn-remove"
			title="删除该组"></span></div>
	</div>
	<div class="nav-customize-group nav-item"><b
		class="icon-nav-contact icon16 nav-contact-1620000002660"></b><a
		href="javascript:;" id="nav_1620000002660"><span>Syste...(1)</span></a><input
		type="text" maxlength="16" id="nav_input_1620000002660">
	<div class="contact-group-op-container">
	<div class="contact-group-op-background round"></div>
	<span class="icon_cnt-group-set contact-group-btn-set" title="重命名组"></span><span
		class="icon-black icon-black-trash contact-group-btn-remove"
		title="删除该组"></span></div>
	</div>
	<div class="nav-item nav-item-last"><b
		class="icon-nav-contact icon16 nav-contact--10"></b><a
		href="javascript:;" id="nav_-10"><span>未分类(3)</span></a></div>
</div>
<div class="nav">
<div class="nav-border-top icon-nav-border-radius"></div>
<div class="nav-border-radius-topleft icon-nav-border-radius"></div>
<div class="nav-border-radius-topright icon-nav-border-radius"></div>
<div class="nav-border-radius-bottomleft icon-nav-border-radius"></div>
<div class="nav-border-radius-bottomright icon-nav-border-radius"></div>
<div class="nav-item nav-item-last"><b
	class="icon-nav-contact icon16 nav-contact-recycle"></b><a
	href="javascript:;" id="nav_recycle"><span>联系人回收站</span></a></div>
</div>
<div class="nav">
<div class="nav-border-top icon-nav-border-radius"></div>
<div class="nav-border-radius-topleft icon-nav-border-radius"></div>
<div class="nav-border-radius-topright icon-nav-border-radius"></div>
<div class="nav-border-radius-bottomleft icon-nav-border-radius"></div>
<div class="nav-border-radius-bottomright icon-nav-border-radius"></div>
<div class="nav-item nav-item-last"><b
	class="icon-nav-contact icon16 nav-contact-timemac"></b><a
	href="javascript:;" id="nav_timemac"><span>联系人时光机(Beta)</span></a></div>
</div>
</div>
</div>
</div>

</body>
</html>
